<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后台管理登录页面</title>
<script>
			/*
			 * 第一种解决方法： 
			 * 客户单表单验证的工作流程：
			 * 在点击提交按钮以后，发送表单数据到服务器之前进行表单验证；
			 * 表单验证函数需要有一个返回值用于阻止或允许表单数据是否可以发送到服务器端；
			 * 如果验证函数返回false：则会阻止表单数据的发送；
			 * 如果验证函数返回true：则会允许表单数据发送；
			 * 验证函数一般绑定给提交按钮的onclick事件；
			 * 
			 * 除此之外，第二种解决方法：
			 * 也可以函数内部使用js操作form控件的submit方法来决定是否发送表单数据，
			 * 这样要求提交按钮不能为submit类型；
			 */
			// 表单验证函数
			function checkMe() {
				// 验证结果  -- 默认是全部可以验证通过的
				var isOK = true;
				// 获取验证控件对象的内容
				// 验证非空用户名				
				var txtname = document.getElementById("adminName").value;
				// 验证内容是否合法，并进行相关信息提示
				if(txtname == null || txtname == ""){
					// 验证不通过，提示错误信息
					//alert("请输入用户名");
					document.getElementById("inputEmail3").innerHTML = "*请输入用户名";
					// 验证不通过，修改验证结果的变量，不允许提交表单
					isOK = false;
				}else{
					// 验证通过，剔除提示信息
					document.getElementById("inputEmail3").innerHTML = "";
				}
				
				// 验证非空密码			
				var txtpassword = document.getElementById("adminPsw").value;
				// 验证内容是否合法，并进行相关信息提示
				if(txtpassword == null || txtpassword == ""){
					// 验证不通过，提示错误信息
					document.getElementById("inputEmail3").innerHTML = "*请输入密码";
					// 验证不通过，修改验证结果的变量，不允许提交表单
					isOK = false;
				}else{
					// 验证通过，剔除提示信息
					document.getElementById("inputEmail3").innerHTML = "";
				}
				
				// 验证非空邮箱			
				var txtemail = document.getElementById("adminEmail").value;
				// 验证邮箱合法性的正则表达式
				var regEmail = /^\w+@\w+.[A-Za-z]{2,3}(.[A-Za-z]{2,3})?$/;
				// 验证内容是否合法，并进行相关信息提示
				if(txtemail == null || txtemail == ""){
					// 验证不通过，提示错误信息
					document.getElementById("inputEmail3").innerHTML = "*请输入邮箱";
					// 验证不通过，修改验证结果的变量，不允许提交表单
					isOK = false;
				}else if(regEmail.test(txtemail) == false){					
					// 使用正则表达式
					// 验证邮箱的合法性
					document.getElementById("inputEmail3").innerHTML = "*输入邮箱格式非法";
					// 验证不通过，修改验证结果的变量，不允许提交表单
					isOK = false;
				}else{
					// 验证通过，剔除提示信息
					document.getElementById("inputEmail3").innerHTML = "";
				}
				
				
				
				// 返回验证结果变量
				return isOK;
				
			}
		</script>

<!----导入bootstrap的外部css文件---->
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap-3.3.7-dist/css/style.css" rel="stylesheet">
<link href="bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"
	rel="stylesheet" />
<!----导入bootstrap的依赖的jquery文件---->
<script src="bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<!----导入bootstrap的外部javascript文件---->
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>


<style>
/*主体div*/
#container {
	/*相对于body，主体框架居中*/
	margin: 0px auto;
	width: 1000px;
}
</style>
</head>

<body>
	<div id="container">
		<form class="form-horizontal" action ="${basePath}AdminLoginServlet" method="post">
			<div class="form-group"></div>
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-3 control-label">用户名</label>
				<div class="col-sm-6">
					<input type="text" class="form-control" id="inputEmail3" name="adminName"
						placeholder="UserName">
				</div>

			</div>

			<div class="form-group">
				<label for="inputEmail3" class="col-sm-3 control-label">密码</label>
				<div class="col-sm-6">
					<input type="password" class="form-control" id="inputEmail3" name="adminPsw"
						placeholder="Password">
				</div>
			</div>

			<div class="form-group">
				<label for="inputEmail3" class="col-sm-3 control-label">Email</label>
				<div class="col-sm-6">
					<input type="email" class="form-control" id="inputEmail3"
						placeholder="Email">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-offset-3 col-sm-6"> <input
					type="checkbox" class="btn btn-default">记住我</checkbox>
					<p class="text-primary">
						<span>不是自己的电脑上不要勾选此项</span>
					</p>

				</label>
			</div>

			<div class="form-group">
				<div class="col-sm-offset-3 col-sm-6">
					<button type="submit" class="btn btn-default">登录</button>
					&nbsp;
					<button type="submit" class="btn btn-default">退出</button>
					&nbsp;
					<button type="submit" class="btn btn-default">注册</button>
					&nbsp;
					<button type="submit" class="btn btn-default">重写</button>
				</div>
			</div>

		</form>

	</div>
</body>


</html>